<template>
  <div class="wrap">
  	<!-- header -->
  	<header-v></header-v>
  	
  	<!-- content -->
  	<div class="index-content">

		<div class="about">
			<div class="title">
				<p>CMore services</p>
				<router-link to="/about">学校介绍</router-link>
			</div>
			<div class="about_content">
				<p>教育培训学校是XX地区最权威的 教育培训网络服务平台之一。网站创办于2005年，以XX地区丰富的教育培训资源背景为强大的依托，以“一切为了求知者”为经营理念，致力于为XX地区广 大的求知者提供全面、权威、有效、便捷的服务系统，力图为求知者排除求知路上的点滴困难，明确求知方向，让目标用户</p>
			</div>
			<router-link to="/about" title="查看详情" class="btn">查看详情</router-link>
		</div>

		<div class="product">
			<div class="title">
				<router-link to="/proList">课程介绍</router-link>
				<p>——   DETAILS OF THE INSTITUTE   ——</p>
			</div>
			<div class="product_content">
				<grid :rows="2">
					<grid-item :label="'外语培训'" link="/" >
						<img slot="icon" src="../assets/abc.png" alt="外语培训" />
					</grid-item>
					<grid-item :label="'电脑培训'" link="/" >
						<img slot="icon" src="../assets/computer.png" alt='电脑培训' />
					</grid-item>
				</grid>
				<grid :rows="2">
					<grid-item :label="'资格认证'" link="/" >
						<img slot="icon" src="../assets/Award.png" alt="资格认证" />
					</grid-item>
					<grid-item :label="'才艺培训'" link="/" >
						<img slot="icon" src="../assets/byz5.png" alt='才艺培训' />
					</grid-item>
				</grid>
				<router-link to="/proList" title="查看详情" class="btn">查看详情</router-link>
			</div>
		</div>
		
		<div class="news">
			<div class="title">
				<router-link to="/newsList">新闻中心</router-link>
				<p>——   NEWS CENTER   ——</p>
			</div>
			<div class="news_content">
				<ul>
					<li>
						<router-link to="/newsList">“小刘星”成高考明星</router-link>
						<p class="time">2014-12-04</p>
					</li>
					<li>
						<router-link to="/newsList">2010年我们的教师</router-link>
						<p class="time">2014-12-04</p>
					</li>
					<li>
						<router-link to="/newsList">教育部：教师大交流遏</router-link>
						<p class="time">2014-12-04</p>
					</li>
					<li>
						<router-link to="/newsList">俞敏洪：善于停止也是</router-link>
						<p class="time">2014-12-04</p>
					</li>
					<li>
						<router-link to="/newsList">《孙子兵法》与现代企</router-link>
						<p class="time">2014-12-04</p>
					</li>
					<li>
						<router-link to="/newsList">为什么兴起“体验式培</router-link>
						<p class="time">2014-12-04</p>
					</li>
					<li>
						<router-link to="/newsList">什么是授教时刻？</router-link>
						<p class="time">2014-12-04</p>
					</li>
					<li>
						<router-link to="/newsList">体验式培训是什么？</router-link>
						<p class="time">2014-12-04</p>
					</li>
					<li>
						<router-link to="/newsList">钱学森之问催热高校实</router-link>
						<p class="time">2014-12-04</p>
					</li>
					<li>
						<router-link to="/newsList">南开大学：鼓励科研创</router-link>
						<p class="time">2014-12-04</p>
					</li>
				</ul>
				<router-link to="/newsList" title="查看详情" class="btn">查看详情</router-link>
			</div>
		</div>
  	</div>
  	
  	<!-- footer -->
  	<footerV></footerV>
  </div>
</template>

<script>
import header from './public/header'
import footer from './public/footer'
import { Grid, GridItem } from 'vux'

export default {
	components: {
		headerV : header, footerV : footer, Grid, GridItem
	},
	data () {
		return {
		}
	},
	methods : {
  
	}
}
	
</script>


<style type="text/css">
	/* index.style */
	
	.index-content{padding:0 0.05rem;}
	.product{width:100%; }
	.product_content{margin-top:0.2rem;}
	.weui-grids a:nth-of-type(1n){margin-left:0.06rem;}
	.weui-grids img{width:0.72rem !important; height:0.72rem !important; margin:0.15rem auto;}
	.weui-grid{background:rgb(242, 242, 240); margin-bottom:0.1rem; width:1.42rem !important; height:1.38rem; overflow:hidden;padding:0 !important;text-align:center;}
	.weui-grids a:nth-of-type(2n){margin-left:0.126rem;}
	.weui-grid__icon{width:100% !important; margin:0 !important; height:0.8rem !important;}
	.weui-grid__label{text-overflow:hidden;}
	.weui-grid__label span{color:rgb(102, 102, 102); font-size:0.16rem;}
	.index-content .btn{background:rgba(137,190,46,1); display:block; margin:0.2rem auto; line-height:0.34rem; color:#fff; font-weight:bold; width:1.02rem; height:0.34rem; text-align:center; -webkit-transition:0.2s; transition:0.2s;}

	.about_content p{color:#5a5a5a; line-height:2.2em; text-indent:2em;}
	.news{	margin-bottom:0.6rem;}
	.news_content li{padding:0.1rem 0; border-bottom:0.01rem solid #e2e2e2; overflow:hidden; padding-left:0.2rem; background:url('../assets/22.png')0.02rem 0.1rem no-repeat; background-size:0.18rem !important;}
	.news li a{color:#5a5a5a; float:left; }
	.news .time{color:#929292; font-size:0.11rem; float:right; }
	.news li a:hover{color:#0064D4}
</style>


































